<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no">
<link rel="stylesheet" href="//at.alicdn.com/t/font_342477_owwvl7ndgo.css?v=1.0.0">
<title>邀请推广</title>
<link type="text/css" rel="stylesheet" href="/static/css/s.common.css">
<link type="text/css" rel="stylesheet" href="/static/css/s.agent.css">
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/layer_mobile/layer.js"></script>
<script type="text/javascript" src="/static/js/common.js"></script>
<style>
::-webkit-scrollbar { width: 12px !important; height: 12px !important; }::-webkit-scrollbar-track:vertical {  }::-webkit-scrollbar-thumb:vertical { background-color: rgba(136, 141, 152, 0.5) !important; border-radius: 10px !important; background-clip: content-box !important; border:2px solid transparent !important; } ::-webkit-scrollbar-track:horizontal {  }::-webkit-scrollbar-thumb:horizontal { background-color: rgba(136, 141, 152, 0.5) !important; border-radius: 10px !important; background-clip: content-box !important; border:2px solid transparent !important; } ::-webkit-resizer { display: none !important; }html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}.hairline-remove-right-bottom{border-bottom:0}.hairline-remove-left-top:before,.hairline-remove-right-bottom-bak:after,.hairline-remove-right-bottom:after{display:none}.am-fade-appear,.am-fade-enter{opacity:0}.am-fade-appear,.am-fade-enter,.am-fade-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,0,.55,.2);animation-timing-function:cubic-bezier(.55,0,.55,.2);-webkit-animation-play-state:paused;animation-play-state:paused}.am-fade-appear.am-fade-appear-active,.am-fade-enter.am-fade-enter-active{-webkit-animation-name:amFadeIn;animation-name:amFadeIn;-webkit-animation-play-state:running;animation-play-state:running}.am-fade-leave.am-fade-leave-active{-webkit-animation-name:amFadeOut;animation-name:amFadeOut;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes amFadeIn{0%{opacity:0}to{opacity:1}}@keyframes amFadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes amFadeOut{0%{opacity:1}to{opacity:0}}@keyframes amFadeOut{0%{opacity:1}to{opacity:0}}.am-slide-up-appear,.am-slide-up-enter{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.am-slide-up-appear,.am-slide-up-enter,.am-slide-up-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,0,.55,.2);animation-timing-function:cubic-bezier(.55,0,.55,.2);-webkit-animation-play-state:paused;animation-play-state:paused}.am-slide-up-appear.am-slide-up-appear-active,.am-slide-up-enter.am-slide-up-enter-active{-webkit-animation-name:amSlideUpIn;animation-name:amSlideUpIn;-webkit-animation-play-state:running;animation-play-state:running}.am-slide-up-leave.am-slide-up-leave-active{-webkit-animation-name:amSlideUpOut;animation-name:amSlideUpOut;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes amSlideUpIn{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes amSlideUpIn{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes amSlideUpOut{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes amSlideUpOut{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.am.am-zoom-enter,.am.am-zoom-leave{display:block}.am-zoom-appear,.am-zoom-enter{opacity:0;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,0,.55,.2);animation-timing-function:cubic-bezier(.55,0,.55,.2);-webkit-animation-timing-function:cubic-bezier(.18,.89,.32,1.28);animation-timing-function:cubic-bezier(.18,.89,.32,1.28);-webkit-animation-play-state:paused;animation-play-state:paused}.am-zoom-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,0,.55,.2);animation-timing-function:cubic-bezier(.55,0,.55,.2);-webkit-animation-timing-function:cubic-bezier(.6,-.3,.74,.05);animation-timing-function:cubic-bezier(.6,-.3,.74,.05);-webkit-animation-play-state:paused;animation-play-state:paused}.am-zoom-appear.am-zoom-appear-active,.am-zoom-enter.am-zoom-enter-active{-webkit-animation-name:amZoomIn;animation-name:amZoomIn;-webkit-animation-play-state:running;animation-play-state:running}.am-zoom-leave.am-zoom-leave-active{-webkit-animation-name:amZoomOut;animation-name:amZoomOut;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes amZoomIn{0%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1)}}@keyframes amZoomIn{0%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes amZoomOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0);transform:scale(0)}}@keyframes amZoomOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0);transform:scale(0)}}.am-slide-down-appear,.am-slide-down-enter{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.am-slide-down-appear,.am-slide-down-enter,.am-slide-down-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,0,.55,.2);animation-timing-function:cubic-bezier(.55,0,.55,.2);-webkit-animation-play-state:paused;animation-play-state:paused}.am-slide-down-appear.am-slide-down-appear-active,.am-slide-down-enter.am-slide-down-enter-active{-webkit-animation-name:amSlideDownIn;animation-name:amSlideDownIn;-webkit-animation-play-state:running;animation-play-state:running}.am-slide-down-leave.am-slide-down-leave-active{-webkit-animation-name:amSlideDownOut;animation-name:amSlideDownOut;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes amSlideDownIn{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes amSlideDownIn{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes amSlideDownOut{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes amSlideDownOut{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}*,:after,:before{-webkit-tap-highlight-color:rgba(0,0,0,0)}html{font-size:50px}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:32px;background-color:#f5f5f9}[contenteditable]{-webkit-user-select:auto!important}:focus,a{outline:none}a{background:transparent;text-decoration:none}.am-icon{fill:currentColor;background-size:cover;width:44px;height:44px}.am-icon-xxs{width:30px;height:30px}.am-icon-xs{width:36px;height:36px}.am-icon-sm{width:42px;height:42px}.am-icon-md{width:44px;height:44px}.am-icon-lg{width:72px;height:72px}.am-icon-loading{-webkit-animation:cirle-anim 1s linear infinite;animation:cirle-anim 1s linear infinite}@-webkit-keyframes cirle-anim{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes cirle-anim{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.hairline-remove-right-bottom{border-bottom:0}.hairline-remove-left-top:before,.hairline-remove-right-bottom-bak:after,.hairline-remove-right-bottom:after{display:none}.am-toast{position:fixed;width:100%;z-index:1999;font-size:28px;text-align:center}.am-toast>span{max-width:50%}.am-toast.am-toast-mask{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;left:0;top:0}.am-toast.am-toast-nomask{position:fixed;max-width:50%;width:auto;left:50%;top:50%}.am-toast.am-toast-nomask .am-toast-notice{-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.am-toast-notice-content .am-toast-text{min-width:1.2rem;border-radius:6px;color:#fff;background-color:rgba(58,58,58,.9);line-height:1.5;padding:18px 30px}.am-toast-notice-content .am-toast-text.am-toast-text-icon{border-radius:10px;padding:30px}.am-toast-notice-content .am-toast-text.am-toast-text-icon .am-toast-text-info{margin-top:12px}body{line-height:40px!important;font-size:26px!important}body,body.g-init-echart{font-family:Microsoft YaHei,Helvetica!important;color:#2e3136;background:#f5f6f7!important}body.g-init-echart{line-height:20px!important;font-size:13px!important}.g-am-init .am-tabs-bar{background:#fff!important}.g-am-init .am-tabs-tab{position:relative}.g-am-init .am-tabs-tab-active{color:#5c8dff!important}.g-am-init ._line-animated,.g-am-init .am-tabs-ink-bar{background-color:#5c8dff!important;z-index:1}.am-tabs-content .am-tabs-tabpane{background:none!important}.am-init-fixed .am-tabs-bar{position:fixed;top:0;width:100%;z-index:8}.g-am-init .am-list-content{font-size:26px!important;color:#333!important}.g-am-init .am-list-item{padding-left:20px!important;border-bottom:1px solid #efeff4}.g-am-init .am-list-item .am-list-line{padding-right:20px}.g-am-init .am-list-extra{font-size:26px!important}.g-am-init .am-input-control input,.g-am-init .am-input-label{font-size:26px!important;color:#4d4d4d!important}.g-am-init .am-input-control input::-webkit-input-placeholder{font-size:26px!important}.g-am-init .am-tabs-bar .am-tabs-tab{font-size:26px!important}.g-init-echart .g-am-init .am-list-content{font-size:13px!important;color:#333!important}.g-init-echart .g-am-init .am-list-item{padding-left:10px!important;border-bottom:1px solid #efeff4}.g-init-echart .g-am-init .am-list-item .am-list-line{padding-right:20px}.g-init-echart .g-am-init .am-list-extra{font-size:13px!important}.g-init-echart .g-am-init .am-input-control input,.g-init-echart .g-am-init .am-input-label{font-size:13px!important;color:#4d4d4d!important}.g-init-echart .g-am-init .am-input-control input::-webkit-input-placeholder{font-size:13px!important}.g-init-echart .g-am-init .am-tabs-bar .am-tabs-tab{font-size:13px!important}.c-share-back{position:fixed;width:100%;left:0;right:0;margin:auto;bottom:200px;z-index:9;padding-left:50px}.c-share-back .__content{float:left;width:70px}.c-share-back .__icon{float:right;border-radius:100%;text-align:center;background:rgba(0,0,0,.5);line-height:70px;height:70px;width:70px;margin-top:-70px;color:#fff;font-size:50px}.g-init-echart .c-share-back{position:fixed;width:100%;left:0;right:0;margin:auto;bottom:100px;z-index:9;padding-left:25px}.g-init-echart .c-share-back .__content{float:left;width:35px}.g-init-echart .c-share-back .__icon{float:right;border-radius:100%;text-align:center;background:rgba(0,0,0,.5);line-height:35px;height:35px;width:35px;margin-top:-35px;color:#fff;font-size:25px}
</style>
</head>
<body>
<script>
function showShare(){
	$('#share').css('display','block');
}
</script>
<div id="pages">
    <div>
        <div>
            <title>邀请代理界面</title>
            <div>
                <div class="g-bg-white webpage-phantom">
                    <div class="g-row g-pd g-bb">
                        <div class="g-fl">
                            <img src="{$agentimage}" class="g-img-120">
						</div>
                        <div class="g-fl g-pd-l">
                            <p class="g-fs-34 g-m-b-20">{$agentname}</p>
                            <span class="g-bg-pink g-btn-tip">{$agentlevelname}</span>
						</div>
                    </div>
                    <div class="g-tc g-pd g-bb">
                        <img src="{:url('Agent/invitecode')}?data={$invite_url}" style="width: 300px; height: 300px;">
                        <p>扫一扫上面的二维码,即可申请代理。</p>
                    </div>
                    <div class="g-tc g-pd">
                        <div class="g-btn-blue" onclick="showShare()">邀请代理</div>
                        <p class="g-pd">在微信中直接分享此页面给意向代理，他点击注册后将成为您的代理商。</p>
						<!--
                        <p class="g-black-light">该链接将<span class="g-orange-dark">于3天内有效</span></p>
						-->
                    </div>
                </div>
            </div>
            <div class="c-share-back">
                <div class="__content">
                    <i class="iconfont icon-goback __icon"></i>
                </div>
            </div>
        </div>
    </div>
</div>


<div id='share' onclick="this.style.display='none';" style='display:none'>
	<div class="wxshare">
		<img src="/static/image/share.png" alt="微信分享">
	</div>
</div>

<!---分享链接--->
<script src='http://res.wx.qq.com/open/js/jweixin-1.2.0.js'></script>
<script>
wx.config({
	debug: false,
	appId: '{$wx.appId}',
	timestamp: {$wx.timestamp},
	nonceStr: '{$wx.nonceStr}',
	signature: '{$wx.signature}',
	jsApiList: [
		'checkJsApi',
		'onMenuShareTimeline',
		'onMenuShareAppMessage',
		'onMenuShareQQ',
		'onMenuShareWeibo'
	]
});

window.share_config = {
     "share": {
        //"imgUrl": "http://oss.nawen1413.com/static/images/logo1111.jpg",
        "imgUrl": "{$agentimage}",
        "title" : "来自{$agentname}的邀请",
        //"desc" : 'XX的小店',
        "link": "<?php echo base64_decode($invite_url);?>",//最终分享出去的链接
        "success":function(){
        },
        'cancel': function (){
        }
    }
};
wx.ready(function(){
    wx.onMenuShareAppMessage(share_config.share);//分享给好友
    wx.onMenuShareTimeline(share_config.share);//分享到朋友圈
    wx.onMenuShareQQ(share_config.share);//分享给手机QQ
    wx.onMenuShareWeibo(share_config.share);//分享到腾讯微博
});
wx.error(function(res){
	console.log(res);
});

</script>
<!---分享链接 End--->

</body>
</html>